<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>飞航国旅</title>
		<link rel="stylesheet" type="text/css" href="../css/css.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function() {
				$(".icon-angle-down").click(function() {
					$(".stamp .explain").addClass("active")
					$(".stamp .explain .head i").removeClass("icon-angle-down");
					$(".stamp .explain .head i").addClass("icon-angle-up");

				});
				$(".icon-angle-up").click(function() {
					$(".stamp .explain").removeClass("active")
					$(".stamp .explain .head i").addClass("icon-angle-down");
					$(".stamp .explain .head i").removeClass("icon-angle-up");
				});
			})
			$(function() {
				$("#s0").addClass("active")
				$("#X0").show();
				$("#X1").hide();
				$("#X2").hide();
				$("#s0").click(function() {
					$("#s0").addClass("active")
					$("#s1").removeClass("active")
					$("#s2").removeClass("active")
					$("#X0").show();
					$("#X1").hide();
					$("#X2").hide();
				});
				$("#s1").click(function() {
					$("#s1").addClass("active")
					$("#s0").removeClass("active")
					$("#s2").removeClass("active")
					$("#X1").show();
					$("#X0").hide();
					$("#X2").hide();
				});
				$("#s2").click(function() {
					$("#s2").addClass("active")
					$("#s1").removeClass("active")
					$("#s0").removeClass("active")
					$("#X2").show();
					$("#X0").hide();
					$("#X1").hide();
				});
			})
		</script>
		<style>

		</style>
	</head>

	<body>
		<div class="main">
			<header class="header">
				<div class="leftArrow">
					<a href="个人中心首页.html">
						<i class="icon iconfont icon-jiantouzuo"></i>
					</a>
				</div>
				<div class="title">
					我的优惠券
				</div>
				<div class="backHome">
					<a="" href="首页.html">
						<i class="icon iconfont icon-shouye"></i>
						</a>
				</div>
			</header>
			<div style="width: 14rem; background: #fff;margin: auto;padding: .5rem;">

				<div class="demo">
					<button class="btn btn-default">不使用任何优惠券</button>
					<div class="stamp">
						<div class="par">
							<p>优惠券</p><sub class="sign">￥</sub><span class="line-height-2">50.00</span>
						</div>
						<div class="copy">
							<p>全产品</p>
							<p>满1000元可用</p>
							<a href="#">选择使用</a></div>
						<div class="clearfix"></div>
						<div class="explain">
							<div class="head"><span>全产品可以使用</span><span>2016.05.20~2016.06.20</span></div>
						</div>

					</div>
					<div class="stamp">
						<div class="par">
							<p>优惠券</p><sub class="sign">￥</sub><span class="line-height-2">50.00</span>
						</div>
						<div class="copy">
							<p>全产品</p>
							<p>满1000元可用</p>
							<a href="#">选择使用</a></div>
						<div class="clearfix"></div>
						<div class="explain">
							<div class="head"><span>全产品可以使用</span><span>2016.05.20~2016.06.20</span></div>
						</div>

					</div>
					<div class="stamp">
						<div class="par">
							<p>优惠券</p><sub class="sign">￥</sub><span class="line-height-2">50.00</span>
						</div>
						<div class="copy">
							<p>全产品</p>
							<p>满1000元可用</p>
							<a href="#">选择使用</a></div>
						<div class="clearfix"></div>
						<div class="explain">
							<div class="head"><span>全产品可以使用</span><span>2016.05.20~2016.06.20</span></div>
						</div>

					</div>
					<div class="stamp default">
						<div class="par">
							<p>优惠券</p><sub class="sign">￥</sub><span>50.00</span>
						</div>
						<div class="copy">
							<p>全产品</p>
							<p>满1000元可用</p>
						</div>
						<div class="clearfix"></div>
						<div class="explain">
							<div class="head"><span>全产品可以使用</span><span>2016.05.20~2016.06.20</span></div>
						</div>
					</div>
					<div class="stamp default">
						<div class="par">
							<p>优惠券</p><sub class="sign">￥</sub><span>50.00</span>
						</div>
						<div class="copy">
							<p>全产品</p>
							<p>满1000元可用</p>
						</div>
						<div class="clearfix"></div>
						<div class="explain">
							<div class="head"><span>全产品可以使用</span><span>2016.05.20~2016.06.20</span></div>
						</div>
					</div>
					<div class="stamp default">
						<div class="par">
							<p>优惠券</p><sub class="sign">￥</sub><span>50.00</span>
						</div>
						<div class="copy">
							<p>全产品</p>
							<p>满1000元可用</p>
						</div>
						<div class="clearfix"></div>
						<div class="explain">
							<div class="head"><span>全产品可以使用</span><span>2016.05.20~2016.06.20</span></div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="footNav">
			<ul>
				<li>
					<a href="首页.html">
						<i class="icon iconfont icon-shouye"></i>
						<p>首页 </p>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon iconfont icon-fenlei"></i>
						<p>分类 </p>
					</a>
				</li>
				<li>
					<a href="国内旅游大类.html">
						<i class="icon iconfont icon-diqiu"></i>
						<p>目的地 </p>
					</a>
				</li>
				<li>
					<a class="orangeFont" href="个人分销中心首页.html">
						<i class="icon iconfont icon-ren"></i>
						<p>个人 </p>
					</a>
				</li>
			</ul>
		</div>
	</body>

</html>